import styled from 'styled-components'

export const Container = styled.div`
  width: 100vw;
  height: 100px;
  /* background-color: pink; */
  /* overflow-x: hidden;   // 裁剪内容，不会提供滚动 */
  /* display: -webkit-box; */
  overflow-x: scroll;
  /* overflow-y: hidden; */
  // 解决ios手机页面滑动卡顿的问题
  -webkit-overflow-scrolling: touch;
  .sonContainer {
    
    width: 112vw;
    display: flex;
    justify-content: space-around;
    .menu {
      width: 60px;
      height: 100px;
      /* background-color: yellow; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .title1{
        font-size: 18px;
        color: #333333;
      }
      .title2{
        font-size: 12px;
        margin-top: 10px;
        color: #7b7b7b;
      }
    }
  }
`